<template>
  <div class="content">
    <RadioGroup v-model="skillvalue" vertical>
      <Radio label="查询服务" border class="radio"></Radio>
      <Radio label="办卡服务" border class="radio"></Radio>
      <Radio label="贷款服务" border class="radio"></Radio>
      <Radio label="高级服务" border class="radio"></Radio>
    </RadioGroup>
  </div>
</template>

<script>
    export default {
        name: "SkillList",
        data(){
          return{
             skillvalue:"",
          }
        }
    }
</script>

<style scoped>

  .radio{
    width: 100%;
    font-size: 17px;
    margin-left: 15px;
    margin-top: 10px;
  }

  .content{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    width:100%;
    /*height:150px;*/
    margin-top: 20px;
    background:rgba(255,255,255,1);
    box-shadow:5px 7px 49px 5px rgba(44,137,234,0.13);
  }
</style>
